<template>
    <van-row class="container">
        <van-row>
            <van-image :src="bgurl"  fit="contain"></van-image>
        </van-row>
        <van-row  style="margin-bottom: 10vh">
            <div class="ql-container ql-snow">
                <div class="ql-editor"  v-html="values"></div>
            </div>
        </van-row>
    </van-row>
</template>

<script>
    export default {
        name: "roles",
        data(){
            return{
                bgurl:this.$route.query.id===1?require("../assets/voteimg/prize.png"):require("../assets/voteimg/roles.png"),
                values:this.$route.query.html,
            }
        }
    }
</script>

<style scoped>
    .container{
        background-color: #384e6a;
        color: #ffffff;
        min-height: 98vh;
    }
</style>
<style>
    p{
        text-align: left;
        line-height: 1.8;
    }
    .ql-container.ql-snow {
        border: 0;
    }
    .ql-editor{
        padding: 12px 32px;
    }
</style>
